<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Dig Drawer</title>

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/materialize.min.css">

    <script type="text/javascript" src="js/jQuery.min.js"></script>
    <script type="text/javascript" src="js/materialize.min.js"></script>
</head>

<body>

    <div class="container grey-text text-darken-1">
        <div class="header">
            <h1 class="cmm-font-lighter">Dig Drawer</h1>
            <p>&nbsp;Page: {{page}}</p>
        </div>

        <div class="content">
            <div class="row">
                {{#content_list}}
                <div class="col s12">
                    <div class="card hoverable">
                        <div class="card-content">
                            <p class="flow-text">{{title}}</p>
                        </div>
                        <div class="card-action">
                            <a href="{{href}}" class="blue-text" target="_blank">This is link.</a>
                        </div>
                    </div>
                </div>
                {{/content_list}}
            </div>
        </div>

        <div class="cmm-footer">
            {{#front_page}}
            <a href="http://localhost:3000/page?p={{front_page}}" class="waves-effect waves-blue btn-flat">Front Page</a>
            {{/front_page}}
            <a href="http://localhost:3000/page?p={{next_page}}" class="waves-effect waves-blue btn-flat">Next Page</a>
        </div>
    </div>
    
</body>
</html>